<template>
	<!-- <view class="container" :style="{paddingTop:tH}">
		<view class="headerTit" :style="{height:tH,paddingTop:pT}">
			泗河基地
		</view> -->
		<sys-container :label="'友卓消易云'" withoutTop="true" >
			<template v-slot:content >
				<view class="warp">
					<view style="height:73rpx;text-align: center;line-height: 73rpx;font-size: 28rpx;">
						消防掌上智能AI抽题
					</view>
					<view class="boxContent">
						<view class="singleTit">
							中级消防监控
						</view>
						<view class="singleTarget redTarget" @tap="jumpMonitor(1)">
							中级消防监控理论练习
						</view>
						<view class="singleTarget redTarget" @tap="jumpMonitor(2)">
							中级消防监控理论考试
						</view>
						<view class="singleTarget redTarget" @tap="toLikeTrue(1)">
							中级消防监控实操仿真练习
						</view>
						<view class="singleTarget redTarget" @tap="toLikeTrue(2)">
							中级消防监控实操仿真考试
						</view>
						<view class="singleTit">
							中级消防维保
						</view>
						<view class="singleTarget blueTarget" @tap="jump(1)">
							中级消防维保理论练习
						</view>
						<view class="singleTarget blueTarget" @tap="jump(2)">
							中级消防维保理论考试
						</view>
						<view class="singleTarget blueTarget" @tap="toLikeTrueB(1)">
							中级消防维保实操仿真练习
						</view>
						<view class="singleTarget blueTarget" @tap="toLikeTrueB(2)">
							中级消防维保实操仿真考试
						</view>
					</view>
				</view>
				
				<!-- <view class="content"> -->
					<!-- <van-row class="cardList">
						<van-col v-for="(item,index) in listData" :key="index" span="12">
								<card-box  :num="item.num" :label="item.label" :unit="item.unit" :jumpPath="item.jumpPage"></card-box>
						</van-col>
					</van-row> -->
					
				<!-- </view> -->
			</template>
		
		</sys-container>
		
	<!-- </view> -->
</template>

<script>
	export default {
		components:{
			
			// sysContainer
		},
		data() {
			return {
				userInfo:{}
			}
		},
		onShow() {
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('portrait-primary')
			// #endif
			console.log(uni.getStorageSync('user'))
			this.userInfo = uni.getStorageSync('user')
		},
		onLoad() {
			
		},
		methods: {
			jumpMonitor(type){
				if(this.userInfo.jkll_time>0){
					uni.navigateTo({
						url:'../produceAndTest/produceOrTaskList/produceOrTaskList?type='+type+'&tid='+7
					})
				}else{
					if(this.userInfo.jkll_time==0){
						uni.showToast({
							title:'您暂未开通此服务',
							icon:'none'
						})
					}else{
						uni.showToast({
							title:'对不起，您的账号已到期，请进行续费充值！',
							icon:'none'
						})
					}
					
				}
				
			},
			jump(type){
				if(this.userInfo.wbll_time>0){
					uni.navigateTo({
						url:'../produceAndTest/produceOrTaskList/produceOrTaskList?type='+type+'&tid='+5
					})
				}else{
					if(this.userInfo.wbll_time==0){
						uni.showToast({
							title:'您暂未开通此服务',
							icon:'none'
						})
					}else{
						uni.showToast({
							title:'对不起，您的账号已到期，请进行续费充值！',
							icon:'none'
						})
					}
				}
				
			},
			toLikeTrue(num){
				if(this.userInfo.jkfz_time>0){
					//#ifdef APP-PLUS
					plus.screen.lockOrientation('landscape-primary')
					//#endif
					
					uni.navigateTo({
						url:'../produceAndTest/likeTrue/likeTrue?type='+num
					})
				}else{
					if(this.userInfo.jkfz_time==0){
						uni.showToast({
							title:'您暂未开通此服务',
							icon:'none'
						})
					}else{
						uni.showToast({
							title:'对不起，您的账号已到期，请进行续费充值！',
							icon:'none'
						})
					}
				}
				
			},
			toLikeTrueB(num){
				if(this.userInfo.wbfz_time>0){
					//#ifdef APP-PLUS
					plus.screen.lockOrientation('landscape-primary')
					//#endif
					
					uni.navigateTo({
						url:'../produceAndTest/likeTrueB/likeTrueB?type='+num
					})
				}else{
					if(this.userInfo.wbfz_time==0){
						uni.showToast({
							title:'您暂未开通此服务',
							icon:'none'
						})
					}else{
						uni.showToast({
							title:'对不起，您的账号已到期，请进行续费充值！',
							icon:'none'
						})
					}
				}
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.warp{
		height:100%;
		.boxContent{
			background:#f8f8f8;
			height:calc(100% - 73rpx);
			padding:70rpx 35rpx;
			box-sizing: border-box;
			.singleTit{
				font-size: 40rpx;
				font-weight: bold;
				text-align: center;
				color: #222222;
				
			}
			.singleTarget{
				width:680rpx;
				height:100rpx;
				border-radius:100rpx;
				text-align: center;
				line-height: 100rpx;
				margin:50rpx 0;
				color:#fff;
				font-size: 36rpx;
			}
			.redTarget{
				background: rgba(222,75,73,1);
			}
			.blueTarget{
				background: rgba(50,124,243,1);
			}
			.redTarget:active{
				background: rgba(222,75,73,0.5);
				// background:yellow
			}
			.blueTarget:active{
				background: rgba(50,124,243,0.5);
			}
		}
	}
	
	
</style>
